<template>
  <div id="app">
    <header>
      <router-view name="NavBar"></router-view>
    </header>

    <main>
      <router-view></router-view>
    </main>

    <footer>
      <router-view name="TabBar"></router-view>
    </footer>
  </div>
</template>

<style lang="scss">
  /*
    全局css样式
  */

  /*字体*/
  @font-face {
    font-family: 'iconfont';
    src: url('~@/font/iconfont.eot');
    src: url('~@/font/iconfont.eot?#iefix') format('embedded-opentype'),
    url('~@/font/iconfont.woff2') format('woff2'),
    url('~@/font/iconfont.woff') format('woff'),
    url('~@/font/iconfont.ttf') format('truetype'),
    url('~@/font/iconfont.svg#iconfont') format('svg');
  }
  .iconfont {
    font-family: "iconfont" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  /*组件预编译*/
  [v-cloak] {
    display: none;
  }
</style>
